<template>
    <div class="video-list" :v-if="Object.keys(resList).length !== 0" >
        <video-item 
        
        v-for="( item , i ) in resList" :key="i"
        :picture="item.userBackImg" 
        :headPortrait="item.userHerder"
        :loc="item.userLoc"
        :name="item.userName" />
    </div>
</template>

<script>
  import videoItem from 'components/common/video/video'
  import axios from "axios"


  export default {
    components: { 
        videoItem 
    },
    data(){
      return {
        resList :{}
      }
    },
    created(){
      axios.get("/api/home/users").then(res => {
        this.resList = res.data.list;
        console.log(res);
      })
    }
  }
</script>

<style scoped>
.show-video {
      width: 9.7rem;
    margin: auto;
}
</style>